{% extends "base.html" %}
{% load staticfiles %}

{% block title %}首页{% endblock %}

{% block headcss %}
<style type="text/css">
	body{margin:0;padding:0;height:auto; background-attachment:fixed;background-size:cover;background-color:#000; background-image:url({% static 'pages/homepage/bg.jpg' %});}
   .center{ float:none; margin-top:120px ; color:#fff; height:270px;}
   .center h3{ color:#404040; margin-top:45px; }
   .center p{ color:#404040; font:16px "微软雅黑","宋体"; letter-spacing:1px; padding-left:1px;}
   .input-group .form-control{width:190px;}
</style>
{% endblock %}

{% block content %}
<div class="container">
	<div class="row center">

		<div class="col-md-4">
			<h3>简法农庄</h3>
			<p>吾善治菜</p>
		</div>

{% if not user.is_authenticated %}
		 <div class="col-xs-4 pull-right">
			<div class="well-password">
				<form method="post" action="{% url 'auth_login' %}?next={{request.GET.next}}" id="loginForm">
					{% csrf_token %}
					<div class="input-group">
                     <span class="input-group-addon">用户名</span>
                     <input type="text" class="form-control" placeholder="Username" id="username" name="username">
                    </div>
                    <br>
					<div class="input-group">
                     <span class="input-group-addon">&nbsp;密&nbsp;码&nbsp;</span>
                     <input type="password" class="form-control" placeholder="password" id="password" name="password">
                    </div>
                    
					<input style="vertical-align:middle; float:left; margin-top:8px; " id="remember-me" value="1" type="checkbox">
					<p style="float:left; margin:6px 0 0 6px; font-size:12px; text-shadow:none; color:#666;">记住密码</p>
					<div class="clearfix"></div>
					<input class="btn btn-info" style="width:100%; margin-top: 10px;" id="sign-in" value="登录" type="submit">
				</form>
			</div>
		</div>
{% endif %}					
				
	</div>


</div>

{% endblock %}

{% block foot_div %}
{% endblock %}

